## Headers & Footers

There are two ways you can add custom headers and footers to your Android Authenticator.

First, you can add a single header/footer to every screen in the Authenticator.  The following example adds an image to the header and a copyright to the footer:

```kotlin
Authenticator(
    headerContent = {
        Box(
            modifier = Modifier.size(80.dp).align(Alignment.CenterHorizontally)
        ) {
            Image(
                painter = painterResource(R.drawable.amplify),
                contentDescription = null,
            )
        }
    },
    footerContent = {
        Text(
            "© All Rights Reserved",
            modifier = Modifier.align(Alignment.CenterHorizontally)
        )
    }
) {
  // ...
} 
```

Alternatively, you can add a header or a footer to an individual screen. More detail on fully customizing the UI of individual screens is in [Full UI Customization](#full-ui-customization). This example uses an inline lambda to add a `Divider` component to the header on the sign up screen.

```kotlin
Authenticator(
    signUpContent = { signUpState ->
        SignUp(
            state = signUpState,
            headerContent = {
                Column {
                    Text(
                        style = MaterialTheme.typography.titleLarge,
                        text = stringResource(R.string.amplify_ui_authenticator_title_signup)
                    )
                    Divider()
                }
            }
        )
    }
) {
 // ...
}
```

or by using a `@Composable` function:

```kotlin
Authenticator(
    signUpContent = { SignUpWithCustomHeader() },
    signInContent = { CustomSignIn() }
    // ...etc
) {
    // ...
}
```
